
@include "constants.css";
@include "~/application/modules/Core/externals/styles/main.css";
@scan "application/modules" "externals/styles/main.css" "Core";

/*
GLOBAL STYLES, FONTS & RESETS
*/
html
{
  min-height: 100%;
  margin-bottom: 1px;
  /* overflow-x: hidden; */
  overflow-y: scroll;
}
body
{
  overflow-x: hidden;
  background:#1d67b7 url(images/bg_body.png) repeat-y center top;
}
*
{
  padding: 0;
  margin: 0;
  border: none;
  border-style: solid;
  border-width: 0px;
  border-color: $theme_border_color;
  color: #fff;
}
table
{
  border-collapse: collapse;
}
br
{
  clear: both;
}
ul
{
  list-style-type: none;
}
a:link,
a:visited
{
  color: $theme_link_color;
  text-decoration: $theme_link_decoration;
}
a:hover
{
  color: $theme_link_color_hover;
  text-decoration: $theme_link_decoration_hover;
}
*
{
  font-family: $theme_font_family;
}
*[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}
div,
td
{
  font-size: $theme_font_size;
  /*color: $theme_font_color;*/
  text-align: $theme_text_align;
}
*[dir="rtl"] div,
*[dir="rtl"] td {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}
h2,
h3,
h4
{
  color: $theme_headline_color;
}
h2
{
  font-size: $theme_headline_size_large;
  letter-spacing: -1px;
  margin-bottom: 10px;
  color: #333;
}
h3
{
  font-size: $theme_headline_size_medium;
  letter-spacing: -1px;
}
h4
{
  font-weight: bold;
  border-bottom: 1px solid $theme_border_color;
  padding: .5em 0px .5em 0px;
  margin-bottom: 10px;
}
h4 > span
{
  display: inline-block;
  position: absolute;
  background-color: $theme_body_background_color;
  padding-right: 6px;
  margin-top: -1px;
}
h3.sep
{
  display: block;
  border-bottom: 1px solid $theme_border_color;
  overflow: hidden;
  margin-bottom: 1em;
  height: 1em;
}
h3.sep > span
{
  display: block;
  overflow: hidden;
  position: absolute;
  background: $theme_body_background_color;
  padding: 5px 10px 5px 0px;
  font-weight: bold;
}
html[dir="rtl"] h3.sep > span
{
  padding: 5px 0px 5px 10px;
}




/*
GENERAL LAYOUT
*/
.generic_layout_container h3
{
  background: #0c3a61;
  border-bottom: #245681;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #cfe1fb;
  font-size: 14px;
  border-bottom: 1px solid #1e527d;
  
  
}
.layout_middle .generic_layout_container h3
{
    box-shadow: 0px 0px 4px #134977;
    -moz-box-shadow: 0px 0px 4px #134977;
    -webkit-box-shadow: 0px 0px 4px #134977;
    margin: 0px 4px 0px 4px;
}
.layout_middle .generic_layout_container .global_form h3
{
    border: none;
    background: none;
    +rounded(0px);
    margin: 0px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.layout_left
{
  float: left;
  width: $theme_content_columns_left_width;
  padding: 0px 5px 0px 0px;
  vertical-align: top;
  margin-right: 5px;
}
html[dir="rtl"] .layout_left
{
  float: right;
  padding: 0px 0px 0px 15px;
  margin-right: 0px;
  margin-left: 5px;
}

.layout_middle
{
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}

.layout_right
{
  float: right;
  width: $theme_content_columns_right_width;
  padding: 0px 0px 10px 5px;
  vertical-align: top;
  margin-left: 5px;
}
html[dir="rtl"] .layout_right
{
  float: left;
  padding: 0px 15px 10px 0px;
  margin-left: 0px;
  margin-right: 5px;
}

#global_wrapper
{
  text-align: center;
  padding-top: 20px;
  clear: both;
}

#global_content
{
  width: $theme_content_width;
  margin: 0px auto 0px auto;
  overflow: hidden;
  min-height: 500px;
}
#global_content_simple
{
  display: inline-block;
  overflow: hidden;
}

/* Header */
.layout_page_header
{
  text-align: center;
  padding: 0px;
  clear: both;
  border-bottom: $theme_topbar_border;
  -moz-box-shadow: 0px 3px 3px #ddd;
}
.layout_page_header .layout_main
{
  width: $theme_topbar_width;
  text-align: right;
  margin: 0px auto 0px auto;
}

/* Footer */
.layout_page_footer
{
  clear: both;url("C:/Users/Test/Desktop/talkangle/06_gradient_blue.gif")
  text-align: center;
  overflow: hidden;
}
.layout_page_footer .layout_main
{
  
  width: $theme_footer_width;
  margin: 20px auto 0px auto;
  text-align: center;
  overflow: hidden;
  margin-top: 40px;
  padding: 10px;
}
.layout_page_footer select
{
  font-size: 1em;
}
.layout_core_menu_footer
{
  font-size: .8em;
  color: $theme_font_color_light;
  text-align: center;
}



/*
MAIN MENU WIDGET
*/
.layout_core_menu_main
{
  width: $theme_topbar_width;
  margin: 0px auto 0px auto;
  text-align: left;
  overflow: hidden;
  background-color: $theme_topbar_menu_background_color;
  background-image: url(~/application/themes/default/images/topbar_menu_bg.png);
  background-repeat: repeat-x;
  border: $theme_topbar_menu_border;
  border-left: none;
  border-right: none;
}
.layout_core_menu_main > ul
{
  width: $theme_topbar_menu_width;
  margin: 0px auto 0px auto;
  padding: 0px;
  white-space: nowrap;
  overflow: hidden;
}
.layout_core_menu_main > ul > li
{
  float: left;
  font-size: $theme_topbar_menu_link_size;
  font-weight: bold;
  margin-right: 15px;
}
html[dir="rtl"] .layout_core_menu_main > ul > li
{
  float: right;
  margin-right: 0px;
  margin-left: 15px;
}
.layout_core_menu_main > ul > li:hover
{
  background: $theme_topbar_menu_background_color_hover;
}
.layout_core_menu_main > ul > li a
{
  +noselect;
  outline: none;
  display: block;
  padding: .4em 0em .4em 0em;
  background-color: $theme_topbar_menu_link_background_color;
}
.layout_core_menu_main > ul > li a:link,
.layout_core_menu_main > ul > li a:visited
{
   color: $theme_topbar_menu_link_color;
   text-decoration: $theme_topbar_menu_link_decoration;
}
.layout_core_menu_main > ul > li > a:hover
{
  color: $theme_topbar_menu_link_hover_color;
  text-decoration: $theme_topbar_menu_link_hover_decoration;
  background: $theme_topbar_menu_link_background_color_hover;
}
.layout_core_menu_main > ul > li > ul
{
  display: none;
}
.layout_core_menu_main > ul > li:hover > ul
{
  display: block;
}
.layout_core_menu_main ul ul
{
  display: none;
  position: absolute;
  background-color: $theme_topbar_menu_background_color;
  margin: 0px 0px 0px 0px;
  min-width: 170px;
}
.layout_core_menu_main ul ul li
{
  font-weight: bold;
}
.layout_core_menu_main ul ul li a
{
  letter-spacing: 0px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 4px 7px 6px 9px;
  outline: none;
  
  color: $theme_topbar_menu_link_color;
  text-decoration: $theme_topbar_menu_link_decoration;
  background-color: $theme_topbar_menu_link_background_color;
}
.layout_core_menu_main ul ul li:hover a
{
  color: $theme_topbar_menu_link_hover_color;
  text-decoration: $theme_topbar_menu_link_hover_decoration;
  background: $theme_topbar_menu_link_background_color_hover;
}
html[dir="rtl"] .layout_core_menu_main ul ul li a
{
  padding: 4px 9px 6px 7px;
}





/*
MINI MENU + SEARCH WIDGET
Shows the mini menu and search widget
*/
.layout_core_menu_mini
{
  width: $theme_topbar_minimenu_width;
  margin: 0px auto 0px auto;
  overflow: hidden;
}
.layout_core_menu_mini > div > ul
{
  +rounded(4px, true, true, false, false);
  float: right;
  overflow: hidden;
  background: $theme_topbar_minimenu_background_color;
  padding: .5em;
  border: $theme_topbar_minimenu_border;
  border-top: none;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul
{
  float: left;
}
.layout_core_menu_mini > div > ul > li
{
  float: left;
  overflow: hidden;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul > li
{
  float: right;
}
.layout_core_menu_mini > div > ul > li + li
{
  margin-left: 3px;
}
html[dir="rtl"] .layout_core_menu_mini > div > ul > li + li
{
  margin-left: 0px;
  margin-right: 3px;
}
.layout_core_menu_mini #core_menu_mini_menu
{
  padding: 0px 0px 5px 10px;
  font-size: $theme_topbar_minimenu_link_size;
  overflow: hidden;
}
html[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu
{
  padding: 0px 10px 5px 0px;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a
{
  display: block;
  color: $theme_topbar_minimenu_link_color;
  font-weight: bold;
  padding: 6px 7px 6px 7px;
  text-transform: uppercase;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li > a:hover
{
  +rounded(3px);
  background: $theme_topbar_minimenu_link_hover_background_color;
  color: $theme_topbar_minimenu_link_hover_color;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}
.layout_core_menu_mini #core_menu_mini_menu_updates
{
  margin: 0px 7px;
}
#core_menu_mini_menu_update .updates_pulldown_active a#updates_toggle {
  +rounded(4px, false, false, true, true);
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}
#core_menu_mini_menu #global_search_form
{
  padding: 1px 0px;
  margin-left: 10px;
}
#core_menu_mini_menu #global_search_field
{
  +rounded(3px);
  width: 100px;
  font-size: 1.2em;
  outline: none;
  border: 1px solid #ddd;
}
#core_menu_mini_menu .overTxtLabel
{
  padding-top: 1px;
  padding-left: 2px;
  font-size: 1.2em;
  color: $theme_font_color_light;
}



/*
SITE LOGO WIDGET
*/
.layout_core_menu_logo
{
  width: $theme_topbar_logo_width;
  font-size: 23pt;
  font-weight: bold;
  margin: 0px auto 10px auto;
  text-align: left;
  letter-spacing: -2px;
  overflow: hidden;
}



/*
GLOBAL NOTICES (OUTSIDE FORMS)
Used to show a message or notice with an icon on a page,
usually above content, not within a form.
*/
.tip
{
  overflow: hidden;
  clear: both;
  margin: 4px;
}
.tip > span
{
  +rounded;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 6px 6px;
  padding: 6px 6px 6px 27px;
  background-color: #faf6e4;
  float: left;
  margin-bottom: 15px;
  background-image: url(~/application/modules/Core/externals/images/tip.png);
  border: 1px solid #e4dfc6;
}
html[dir="rtl"] .tip > span
{
  background-position: 99% 50%;
  padding: 6px 27px 6px 6px;
  float: right;
}



/*
GLOBAL FORM RESPONSES
Used to show feedback from form submissions, i.e.
error/result messages.
*/
ul.form-errors,
ul.form-notices
{
  margin: 0px 0px 20px 0px;
  overflow: hidden;
}
* + ul.form-errors,
* + ul.form-notices
{
  margin-top: 20px;
}
ul.form-errors > li,
ul.form-notices > li
{
  +rounded;
  margin: 7px 5px 7px 5px;
  padding: 5px 15px 5px 32px;
  background-repeat: no-repeat;
  background-position: 8px 5px;
  float: left;
  clear: left;
  overflow: hidden;
  border: 1px solid #ccc;
}

html[dir="rtl"] ul.form-errors > li,
html[dir="rtl"] ul.form-notices > li
{
  padding: 5px 32px 5px 15px;
  background-position: 98% 5px;
  float: right;
  clear: right;
}
ul.form-errors > li > b,
ul.form-notices > li > b
{
  text-transform: uppercase;
  font-size: .8em;
}
ul.form-errors > li > ul > li,
ul.form-notices > li > ul > li
{
  font-size: .9em;
}
ul.form-errors > li {
  background-image: url(~/application/modules/Core/externals/images/error.png);
  background-color: #faf7e9;
}
ul.form-notices > li {
  background-image: url(~/application/modules/Core/externals/images/notice.png);
  background-color: #e9faeb;
}


/*
GLOBAL FORM ELEMENTS
Used for most forms throughout the site.
*/
button
{
  +rounded;
  padding: 5px;
  font-weight: bold;
  border: none;


    margin-right: 0px;    
    background: url(images/post_bg.png) repeat-x;
    +rounded(5px);
}
button:hover
{
  background-color: $theme_button_background_color_hover;
  cursor: pointer;
}
input[type=text],
input[type=email],
input[type=password],
input.text,
textarea
{
  +rounded(3px);
  background-color: $theme_input_background_color;
  color: $theme_input_font_color;
  border-width: 1px;
  border-color: $theme_input_border_colors;
  padding: 2px;
  font-size: 10pt;
  resize: none;
}
input[type=checkbox],
input[type=radio]
{
  border: none;
  padding: 0px;
  margin: 2px 5px 0px 0px;
  width: auto;
  display: block;
  float: left;
}
html[dir="rtl"] input[type=checkbox],
html[dir="rtl"] input[type=radio]
{
  margin: 2px 0px 0px 5px;
  float: right;
}
input[type=checkbox] + label,
input[type=radio] + label
{
  display: block;
  cursor: pointer;
}
textarea
{
  width: 300px;
  resize: none;
}
textarea.codebox
{
  width: 95%;
  min-height: 200px;
  font-family: courier new, courier, serif;
}
select
{
  +rounded(3px);
  background-color: $theme_input_background_color;
  color: $theme_input_font_color;
  border-width: 1px;
  border-color: $theme_input_border_colors;
  padding: 1px 0px 1px 1px;
  font-size: 10pt;
  max-width: 250px;
}
html[dir="rtl"] select
{
  padding: 1px 1px 1px 0px;
}
select option
{
  padding: 0px 10px 0px 3px;
  color: #333;
}
html[dir="rtl"] select option
{
  padding: 0px 3px 0px 10px;
}
a.buttonlink
{
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 21px;
  font-weight: bold;
  display: inline-block;
}
html[dir="rtl"] a.buttonlink
{
  background-position: top right;
  padding-left: 0px;
  padding-right: 21px;
}
a.buttonlink_right
{
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 19px;
  font-weight: bold;
  display: inline-block;
}
html[dir="rtl"] a.buttonlink_right
{
  background-position: top left;
  padding-right: 0px;
  padding-left: 19px;
}
br.multi-text-separator
{
  margin-bottom: 8px;
}


/*
LARGE BOX FORM
These styles are for large forms that are given an exclusive page.
They are not intended for smaller forms that are embedded elsewhere.
Examples: Signup form, member settings form, etc.
*/
/* form container */
div .global_form
{
  clear: both;
  float: none;
  overflow: hidden;
  +rounded(0px);
  box-shadow: 0px 0px 4px #134977;
    -moz-box-shadow: 0px 0px 4px #134977;
    -webkit-box-shadow: 0px 0px 4px #134977;
   margin: 0px 4px 4px 4px; 
}
.activity-post-container,
.layout_talktangle_pictangle,
.layout_talktangle_searchpromotiontangle
{
    box-shadow: 0px 0px 4px #134977;
    -moz-box-shadow: 0px 0px 4px #134977;
    -webkit-box-shadow: 0px 0px 4px #134977;
   margin: 0px 4px 4px 4px; 
}
.layout_talktangle_searchpromotiontangle,
div .layout_talktangle_searchpromotiontangle > ul
{
    border: none;
    background: #134977;
}
.layout_talktangle_pictangle
{
    background: #134977;
    padding: 25px 0px;
}
ul.feed
{
    margin: 0px 4px 4px 4px; 
    
}
/* external form border */
div .global_form > div
{
  float: none;
  overflow: hidden;
  margin: 0px auto 0px auto;
  width: auto;
}
html[dir="rtl"] .global_form > div
{
  float: right;
}
/* internal form border */
.global_form > div > div
{
  /*+rounded(8px);
  border: 1px solid $theme_form_border_color;
   padding: 12px 12px 12px 12px;*/
 
  background-color: $theme_form_background_color;
  box-shadow: 0px 0px 4px #134977;
    -moz-box-shadow: 0px 0px 4px #134977;
    -webkit-box-shadow: 0px 0px 4px #134977;
}
.global_form > div > div .form-elements,
.global_form > div > div .form-errors
{
    padding: 12px;
}
.form-errors li
{
    color: #333;
}
/* form headline */
.global_form div.form-wrapper-heading
{
  font-weight: bold;
  border-bottom: 1px solid $theme_foreground_border_color_light;
  height: 1em;
  margin-bottom: 15px;
}
.global_form div.form-wrapper-heading > span
{
  display: block;
  position: absolute;
  overflow: hidden;
  padding: 4px 6px 4px 0px;
  background: $theme_form_background_color;
}
html[dir="rtl"] .global_form div.form-wrapper-heading > span
{
  padding: 4px 0px 4px 6px;
}
.global_form div.form-wrapper + div.form-wrapper-heading
{
  margin-top: 10px;
}
/* form instructions (after title) */
.global_form > div > div > h3 + p
{
  padding: 2px;
  margin-top: 2px;
  max-width: 550px;
}
/* add some space above form elements if title/instructions precede */
.global_form > div > div > h3 + div,
.global_form > div > div > h3 + p + div
{
  margin-top: 0px;
}
/* container for form label/element rows */
.global_form > div > div
{
  overflow: hidden;
}
/* container row for a label (left) and element (right) */
.global_form div.form-wrapper
{
  clear: both;
  overflow: hidden;
}
/* left-side element label container */
.global_form div.form-label
{
  width: 150px;
  text-align: right;
  padding: 4px 15px 0px 2px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
  clear: left;
  font-size: .9em;
  font-weight: bold;
  color: $theme_form_label_font_color;
}
html[dir="rtl"] .global_form div.form-label
{
  text-align: left;
  padding: 4px 2px 0px 15px;
  float: right;
  clear: right;
}
/* right-side form element container */
.global_form div.form-element
{
  min-width: 150px;
  max-width: 600px;
  text-align: left;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
  clear: none;
}
html[dir="rtl"] .global_form div.form-element
{
  text-align: right;
  float: right;
}
/* all paragraphs of text in the form */
.global_form div > p
{
  max-width: 450px;
  padding-bottom: 10px;
}
/* paragraphs of text that come after an input element */
.global_form div > input + p
{
  margin-top: 3px;
  font-size: 7pt;
}
/* all text inputs in form */
.global_form input[type=text],
.global_form input[type=email],
.global_form input[type=password]
{
  padding: 2px;
  font-size: 10pt;
  width: 200px;
}
/* only for text inputs that come after other text inputs */
/* i.e. for when there is a vertical list of text inputs */
.global_form input[type=text] + input[type=text]
{
  display: block;
  margin-top: 5px;
}
/* all checkboxes and radios in form */
.global_form input[type=checkbox],
.global_form input[type=radio]
{
  clear: left;
}
html[dir="rtl"] .global_form input[type=checkbox],
html[dir="rtl"] .global_form input[type=radio]
{
  clear: right;
}
/* for clickable labels that appear to the right of elements */
/* such as checkboxes or radios */
.global_form input + label
{
  float: left;
  display: block;
  margin-top: 0px;
  margin-left: 2px;
}
html[dir="rtl"] .global_form input + label
{
  float: right;
  margin-left: 0px;
  margin-right: 2px;
}
/* all select boxes in form */
.global_form select
{
  padding: 1px 0px 1px 1px;
  font-size: 10pt;
  max-width: 250px;
}
html[dir="rtl"] .global_form select
{
  padding: 1px 1px 1px 0px;
}
/* all textareas in form */
.global_form textarea
{
  padding: 4px;
  font-size: 10pt;
  max-width: 300px;
  min-height: 100px;
}
.global_form p.description {
  margin: 3px 0px 10px 0px;
  padding: 0px;
}
.global_form #submit-element
{
  margin-bottom: 0px;
}
.global_form button[type=submit]
{
  margin-right: 3px;
}
html[dir="rtl"] .global_form button[type=submit]
{
  margin-right: 0px;
  margin-left: 3px;
}






/*
SMALL BOX FORM
These styles are for small box forms, such
as the login box found by default on the main
index page. Form names and inputs are stacked
vertically (not floated) to fit into small-width
content areas.
*/
.global_form_box
{
  +foreground;
  +rounded;
  padding: 10px;
  width: auto;
}
.global_form_box .form-wrapper + .form-wrapper
{
  margin-top: 5px;
}
.global_form_box .form-label
{
  padding: 0px;
  width: auto;
  float: none;
  clear: both;
  margin: 0px;
}
.global_form_box label
{
  text-align: left;
  display: block;
  font-size: .8em;
  margin-bottom: 2px;
}
html[dir="rtl"] .global_form_box label
{
  text-align: right;
}
.global_form_box .form-element
{
  overflow: hidden;
}



/*
FILTER FORM
These styles are for small, transparent forms
that contain search boxes or filter fields. They
are usually found on browse pages.
*/
form.filters
{
  +foreground;
  +rounded;
  padding: 10px;
}
form.filters div.form-label
{
  margin-bottom: 3px;
  font-size: .8em;
}
form.filters div.form-element
{
  margin-top: 2px;
}
form.filters button
{
  margin-top: 4px;
}
form.filters dt
{
  font-size: .8em;
  padding-bottom: 2px;
}
form.filters dd
{
  margin-bottom: 8px;
}




/*
POPUP FORM
These are used to style popup (i.e. smoothbox) forms.
Also used to style popup response messages, etc.
*/
.global_form_popup
{
  padding: 10px 10px 10px 13px;
  overflow: hidden;
}
html[dir="rtl"] .global_form_popup
{
  padding: 10px 13px 10px 10px;
  float: right;
}
.global_form_popup #submit-wrapper,
.global_form_popup #cancel-wrapper
{
  float: left;
  overflow: hidden;
}
html[dir="rtl"] .global_form_popup #submit-wrapper,
html[dir="rtl"] .global_form_popup #cancel-wrapper
{
  float: right;
}
.global_form_popup #buttons-wrapper
{
  margin-top: 10px;
}
.global_form_popup #buttons-wrapper button
{
  margin-right: 4px;
}
html[dir="rtl"] .global_form_popup #buttons-wrapper button
{
  margin-right: 0px;
  margin-left: 4px;
}
.global_form_popup_message
{
  display: block;
  padding: 1em;
  text-align: center;
  font-weight: bold;
}




/*
UPLOAD FORM
Styles the file upload form.
*/
#form-upload #submit-wrapper
{
  display: none;
}
#form-upload #demo-status a.buttonlink
{
  margin-right: 15px;
}








/*
SEARCH PAGE
Used to style the main search page.
*/
#searchform
{
  float: left;
  clear: right;
  padding: 5px;
}
#searchform input[type=text]
{
  width: 300px;
}
#searchform #query-label
{
  display: none;
}
#searchform #query-wrapper
{
  float: left;
  overflow: hidden;
  padding: 3px;
}
#searchform #submit-label
{
  display: none;
}
#searchform #submit-wrapper
{
  float: left;
  overflow: hidden;
  margin-left: 1px;
}
.search_result
{
  overflow: hidden;
  width: 500px;
  margin-top: 10px;
  border-top-width: 1px;
  padding-top: 10px;
}
.search_result .search_photo
{
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 7px;
}
.search_result .search_icon
{
  display: block;
  float: left;
  overflow: hidden;
  width: 48px;
  margin-right: 7px;
}
.search_result img
{
  margin: auto;
  display: block;
}
.search_result .search_info
{
  display: block;
  overflow: hidden;
}
.search_result .search_title
{
  /* font-weight: bold; */
  font-size: 1.1em;
}
.search_result .highlighted-text
{
  font-weight: bold;
}








/*
COMMENTS
These styles are used everywhere comments appear.
*/
.feed_item_date + .comments
{
  margin-top: 5px;
}
.comments
{
  width: 450px;
}
.comments > ul
{
  overflow: hidden;
}
.comments > ul > li
{
  
  border: none;
  padding: 5px;
  border-top: 1px solid #CFE1FB;
  overflow: hidden;
  margin-bottom: 1px;
}
.comments .comments_author a
{
  font-weight: bold;
  margin-right: 2px;
}
html[dir="rtl"] .comments .comments_author a
{
  margin-right: 0px;
  margin-left: 2px;
}
html[dir="rtl"] .comments_author
{
  float: right;
}
.comments .comments_author_photo
{
  float: left;
  overflow: hidden;
  line-height: 0px;
  font-size: 0px;
}
html[dir="rtl"] .comments .comments_author_photo
{
  float: right;
}
.comments .comments_author_photo img
{
  display: block;
}
.comments .comments_options
{
  font-weight: bold;
  font-size: 1em;
  color: $theme_font_color_light;
  margin-bottom: 6px;
}
.comments .comments_comment_options > a
{
  font-size: .8em;
  font-weight: bold;
  margin-top: 5px;
  overflow: hidden;
}
.comments .comments_info
{
  font-size: .8em;
  padding-top: 2px;
  padding-left: 5px;
  overflow: hidden;
}
html[dir="rtl"] .comments .comments_info
{
  padding-left: 0px;
  padding-right: 5px;
}
.comments .comments_date
{
  font-size: .9em;
  margin-top: 4px;
  color: $theme_font_color_light;
  overflow: hidden;
}
.comments .comments_date > li
{
  float: left;
}
.comments .comments_date > li.sep
{
  padding: 0px 3px 0px 3px;
}
html[dir="rtl"] .comments .comments_date > li
{
  float: right;
}
.comments .comments_likes,
.comments .comments_viewall
{
  font-size: .8em;
}
.comments .comments_likes a,
.comments .comments_viewall a
{
  font-weight: bold;
}
.comments > form
{
  +foreground;
  background-image: none;
  border: none;
  padding: 5px 10px 5px 5px;
  border-top: 1px solid $theme_foreground_border_color;
}
html[dir="rtl"] .comments > form
{
  padding: 5px 5px 5px 10px;
}
.comments > form > textarea
{
  width: 100%;
}
.comments > form > button
{
  display: block;
  margin-top: 7px;
}
div.comments_comment_likes_tips
{
  border: 1px solid $theme_foreground_border_color;
  padding: 4px 7px;
  background-color: $theme_foreground_background_color;
  color: $theme_font_color_light;
  font-size: 0.9em;
}





/*
HEADLINE
Used at the top of most browse pages. Often contains button-style tabs.
*/
.headline
{
  +rounded;
  +foreground;
  padding: 7px;
  overflow: hidden;
  margin-bottom: 15px;
  +rounded(2px);
}
.headline h2
{
  float: left;
  overflow: hidden;
  margin-right: 25px;
  margin-bottom: 0px;
  margin-left: 3px;
  color: #CFE1FB;
}
html[dir="rtl"] .headline h2
{
  float: right;
  margin-right: 3px;
  margin-left: 25px;
}



/* TABS (BUTTON STYLE, DEFAULT) */
.tabs
{
  overflow: hidden;
  +rounded;
}
.tabs > ul li
{
  float: left;
  overflow: hidden;
}
html[dir="rtl"] .tabs > ul li
{
  float: right;
}
.tabs > ul li > a
{
  +rounded(3px);
  display: block;
  padding: .3em .6em .3em .6em;
  font-weight: bold;
  text-decoration: none;
  color: $theme_buttontabs_font_color;
  background-color: $theme_buttontabs_background_color;
}
.tabs > ul li > a:hover
{
  background-color: $theme_buttontabs_background_color_hover;
  text-decoration: none;
  color: $theme_buttontabs_font_color_hover;
}
.tabs > ul li + li
{
  margin-left: 10px;
}
html[dir="rtl"] .tabs > ul li + li
{
  margin-left: 0px;
  margin-right: 10px;
}
.tabs > ul li.active > a
{
  background-color: $theme_buttontabs_background_color_active;
  color: $theme_buttontabs_font_color_active;
}
.tabs > ul li.active > a:hover
{
  text-decoration: none;
}





/*
TABS (TAB STYLE, NON-DEFAULT)
*/
.tabs_alt
{
  background-color: $theme_tabs_background_color;
  background-image: none;
  +rounded(3px, false, false, true, true);
  margin: 5px 0px 15px 0px;
  padding-top: 2px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.tabs_alt > ul
{
  margin: 0px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid $theme_tabs_border_color;
  padding: 3px 0px 5px 7px;
}
html[dir="rtl"] .tabs_alt > ul
{
  text-align: right;
  padding: 3px 7px 5px 0px;
}
.tabs_alt > ul > li
{
  display: inline-block;
  padding: 0px;
  *display: inline; /* fix for IE7 */
}
.tabs_alt > ul > li.tab_active > a,
.tabs_alt > ul > li.active > a
{
  +rounded(3px, false, false, true, true);
  border: 1px solid $theme_tabs_border_color;
  border-bottom: none;
  background-color: $theme_tabs_background_color_active;
  color: $theme_tabs_font_color_active;
  position: relative;
  top: 1px;
  padding: 5px 6px 5px 6px;
}
.tabs_alt > ul > li > a
{
  padding: 5px 7px 5px 7px;
  text-decoration: none;
  color: $theme_tabs_font_color;
  border-bottom: none;
  outline: none;
}
.tabs_alt > ul > li > a span
{
  font-size: .8em;
  font-weight: normal;
  margin-left: 4px;
  border: none;
}
html[dir="rtl"] .tabs_alt > ul > li > a span
{
  margin-left: 0px;
  margin-right: 4px;
}
.tabs_alt > ul > li > a:hover
{
  background: $theme_tabs_background_color_hover;
  padding: 5px 6px 5px 6px;
  +rounded(3px, false, false, true, true);
  border: 1px solid $theme_tabs_border_color_hover;
  border-bottom: none;
}
.tab_container_inactive
{
  display: none;
}
.tabs_alt > ul > li.tab_closed
{
}
.tabs_alt > ul > li.tab_open > a
{
  +rounded(3px, false, false, true, true);
  border: 1px solid $theme_pulldown_border_color;
  border-bottom: none;
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  position: relative;
  top: 1px;
  padding: 5px 6px 5px 6px;
}
.tab_pulldown_contents_wrapper
{
  display: none;
  +rounded(3px, true, false, false, false);
  overflow: hidden;
  position: absolute;
  padding: 2px;
  margin-top: 21px;
  background-color: $theme_pulldown_border_color;
  z-index: 99;
}
.tab_pulldown_contents
{
  overflow: hidden;
  background: $theme_pulldown_contents_background_color;
  max-height: 500px;
  overflow-y: auto;
}
.tab_pulldown_contents > ul > li
{
  padding: 5px;
  font-size: .8em;
  min-width: 100px;
  max-width: 250px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.tab_pulldown_contents > ul > li.active
{
  background-color: $theme_pulldown_contents_list_background_color_active;
}
.tab_pulldown_contents > ul > li + li
{
  border-top: 1px solid $theme_border_color;
}
.tab_pulldown_contents > ul > li:hover
{
  background-color: $theme_pulldown_contents_list_background_color_hover;
  cursor: pointer;
}
.tabs_alt > ul > li.tab_open .tab_pulldown_contents_wrapper
{
  display: block;
}







/*
PULLDOWN SELECT BOX
Styles the inline pulldown select popup box that is used
as an alternative to regular input select boxes in some places.
*/
.pulldown > a,
.pulldown_active > a
{
  display: inline-block;
  font-weight: bold;
  padding: 5px 7px 5px 18px;
  background-position: 6px 5px;
  outline: none;
  font-size: .8em;
  -moz-user-select: none;
  -webkit-user-select: none;
  background-image: url(~/application/modules/Core/externals/images/more.png);
  background-repeat: no-repeat;
}
.pulldown > a
{
  +rounded(4px);
  background-color: $theme_pulldown_background_color;
  text-decoration: none;
}
.pulldown > a:hover
{
  background-color: $theme_pulldown_background_color_hover;
}
.pulldown_active > a
{
  +rounded(4px, false, false, true, true);
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  text-decoration: none;
  background-image: url(~/application/modules/Core/externals/images/more_active.png);
}
.pulldown_contents_wrapper
{
  display: none;
  +rounded(5px, true, false, false, false);
  overflow: hidden;
  position: absolute;
  min-width: 100px;
  max-width: 300px;
  padding: 4px;
  background-color: $theme_pulldown_border_color;
  z-index: 99;
  margin-top: 20px;
}
.pulldown_active .pulldown_contents_wrapper
{
  display: block;
}
.pulldown_contents
{
  overflow: hidden;
  background: $theme_pulldown_contents_background_color;
  max-height: 500px;
  overflow-y: auto;
}
.pulldown_contents ul > li
{
  padding: 5px;
  padding-right: 15px;
  font-size: .8em;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.pulldown_contents ul > li + li
{
  border-top: 1px solid $theme_border_color;
}
.pulldown_contents ul > li:hover
{
  background-color: $theme_pulldown_contents_list_background_color_hover;
  cursor: pointer;
}
.pulldown_options
{
  margin: 4px 0px;
}
.pulldown_options a
{
  color: $theme_pulldown_font_color_active;
  font-size: .8em;
  padding: 3px;
  margin-right: 3px;
}
/*
PULLDOWN SELECT BOX FOR UPDATES
Styles the inline pulldown select popup box used for updates that is used
as an alternative to regular input select boxes in some places.
*/
.updates_pulldown > a,
.updates_pulldown_active > a
{
  display: block;
  color: $theme_topbar_minimenu_link_color;
  font-weight: bold;
  padding: 6px 7px 6px 7px;
  text-transform: uppercase;
}
.updates_pulldown > a
{
  display: block;
  +rounded(3px);
  font-weight: bold;
  padding: 6px 7px 6px 7px;
  text-transform: uppercase;
  outline: none;
}
.updates_pulldown > a.new_updates
{
  +rounded(3px);
  background: #f96262;
  color: #fff;
}
.updates_pulldown > a.new_updates:hover
{
  +rounded(3px);
  background: #e45656;
  color: #fff;
}
.updates_pulldown > a:hover
{
  +rounded(3px);
  background: #D7E7F0;
  color: $theme_topbar_minimenu_link_hover_color;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}
.updates_pulldown_active > a
{
  +rounded(4px, false, false, true, true);
  background-color: $theme_pulldown_background_color_active;
  color: $theme_pulldown_font_color_active;
  text-decoration: $theme_topbar_minimenu_link_hover_decoration;
}
.updates_pulldown_active .pulldown_contents_wrapper
{
  display: block;
}


/*
TAGS
Styles lists of tags that are used for message recipients, lists of friend
lists, etc. Each tag has its own remove link.
*/
.tag
{
  +rounded(3px);
  display: inline-block;
  background-color: $theme_tag_background_color;
  font-weight: bold;
  display: inline-block;
  float: left;
  padding: .4em .6em .4em .6em;
  margin: 0px 10px 5px 0px;
  font-size: .8em;
}
html[dir="rtl"] .tag
{
  float: right;
  margin: 0px 0px 5px 10px;
}
.tag > a
{
  text-decoration: none;
  padding-left: 6px;
  text-transform: uppercase;
}
html[dir="rtl"] .tag > a
{
  float: left;
  padding-left: 0px;
  padding-right: 6px;
}

.layout_talktangle_menu_mini
{
    width: 960px;
    margin: 0px auto; 
}
.logo{
    float: left;
}
.menu_mini
{
    float: right;
    color: #fff;
    margin-top: 20px;
}
.dv_text_login
{
    float: left;
    margin-left: 15px;
}
.dv_text_login .label
{
    color: #fff;
}
.dv_text_login input
{
    +rounded(0px);
    width: 180px;
    border: 1px solid #666;
}
.remember 
{
    color: #fff;
    font-size: 13px;
    margin-left:  15px;
    float: left;
    width: 180px;
}
.forgot_pass
{     
     margin-left: 215px;
}
.forgot_pass a
{
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.forgot_pass a:hover{
    text-decoration: none;
    cursor: pointer;
}
#global_page_core-index-index .layout_right
{
    width: 320px;
    padding-left: 0px;
    margin-left: 0px;
}
.layout_talktangle_signup
{
    
}
.wrap_signup
{    
    background: #c6d2de;
    border: 5px solid #000;
    +rounded(5px);
    margin-top: 20px;
   
}
.wrap_signup_content{
    border-top: 3px solid #E3E9EF;
    border-left: 3px solid #E3E9EF;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    padding: 15px;
}


.wrap_signup .global_form > div > div
{
    padding: 0px;
    border: none;
    background: none;
    +rounded(0px);
}
.wrap_signup h1
{
    font-family: Arial;
    font-size: 25px;
    color: #14316a;
    font-weight: normal;
}
.layout_talktangle_signup .global_form h3
{
    display: none;   
}
.layout_talktangle_signup .global_form div.form-label
{
    text-align: left;
    font-weight: normal;
}
.layout_talktangle_signup .global_form input[type="text"],
.layout_talktangle_signup .global_form input[type="email"], 
.layout_talktangle_signup .global_form input[type="password"]
{
    width:  255px;
    padding: 7px;
    border:  1px solid #a3a3a3;
    +rounded(0px);
}
.layout_talktangle_signup .global_form div.form-label
{
    margin-bottom: 2px;
}
.layout_talktangle_signup .global_form div.form-element
{
    margin-bottom: 0px;
}
.layout_talktangle_signup .global_form p.description
{
    margin-bottom: 2px;
    display: none;
}
.layout_talktangle_signup  .global_form  div div h3 + .form-elements
{
    margin-top: 10px;
}
.layout_talktangle_signup  .global_form select
{
    width: 270px;
    max-width: 270px;
    padding: 7px;
}
.layout_talktangle_signup .global_form input + label
{
    float: none;
    width: 290px;
}
.layout_talktangle_signup button
{
    background: url(images/sign_up_button.png) no-repeat;
    border: medium none;
    display: block;
    font-size: 17px;
    font-weight: normal;
    height: 43px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-right: 20px;
    width: 100px;
    margin-left: 85px;
}
.welcome
{
    margin-left: 50px;
}
.wel_to
{
    color: #d7dbe3;
    font-size: 30px;
    
}
.sharing_your_life
{
    color: #d7dbe3;
    font-size: 15px;
    width: 303px;
}
.layout_talktangle_welcome
{
   background: url(images/welcome.png) no-repeat left 80px;
   min-height: 530px;
   margin-top: 20px; 
}
.display_home a
{
    display: block;
}
.button_login
{
    float: left;
    margin-left: 10px;
    margin-top: 16px;
    
}
.button_login button
{
    background: #5196CD;
    height: 23px;
    line-height: 10px;
    border: 1px solid #666;
    margin-top: 2px;
    +rounded(0px);
}
.socail_connect
{
    overflow: hidden;
    display: block;
}
.signup_bottom
{
    margin-top: 15px;
}
.facbook
{
     background: url(images/facebook.png) no-repeat;
     width: 155px;
     height: 30px;
     float: left;
     display: block;
}
.twiter 
{
     background: url(images/twitter.png) no-repeat;
     width: 155px;
     height: 30px;
     margin-left: 10px;
     float: left;
     display: block;
}
.text_connect 
{
    margin-top: 15px;
    clear: both;
}
.text_connect a,
.text_connect span
{
    color: #D7DBE3;
    font-size: 15px;
   
}

.layout_right div .text_connect a
{
    text-decoration: underline 
}

.display_member_home .logo_member_home a
{
    float: left;
    margin-top: 35px;
}
.display_member_home .logo_member_home span
{
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-top: 55px;
    font-family: cursive;
}
.display_member_home .fixie
{
    float: right;
    width:  100%;
    margin-top: -80px;
    position: relative;
}
.display_member_home .fixie .jewelContainer li
{
    float: left;
}
.menu_mini_member_home ul li
{
    float: left;
    margin-left: 10px;
}
.menu_mini_member_home ul li a,
.display_member_home .updates_pulldown > a,
.display_member_home .updates_pulldown_active > a
{
    background: #1c1b1c url(images/bg_menu.png) repeat-x;
    border: 1px solid #333;
    padding: 5px 20px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    +rounded(5px);    
}

.menu_mini_member_home ul li#account_menu_mini #dropmenu_mini a
{
    text-transform: capitalize;
    font-size: 12px;
    padding: 2px;
    border: none;
    clear: both;
    display: block;
    +rounded(0px);
    background-image: none;
}
.logo_member_home
{
    float: left;
}
.menu_mini_member_home #dropmenu_mini
{
    display: none;  
    position: absolute;
    z-index: 10;
    background: #1A191A;
    padding: 10px;
    margin-top: 5px;
    min-width: 150px;
    +rounded(5px);
}
#account_menu_mini:hover #dropmenu_mini
{
    display: block;
}
.user_account_info
{
    overflow: hidden;
}
.username_editprof h4
{
    height: 40px;
    color: #fff;
    padding-top: 12px;
}
.account_option a:hover
{
    color: #1500FF;
}
.user_account_info .user_photo
{
    float: left;
}
.user_account_info .user_photo a img
{
    width: 45px;
    height: 45px;
    border: 1px solid #999;
}
.display_member_home .menu_mini_member_home,
.display_member_home .jewelContainer
{
    float: right;
}
.layout_talktangle_menu_main
{
    clear: both;
    width: 950px;
    margin: 0px auto;
}
.layout_talktangle_menu_main ul li
{
    float: left;
}
.display_member_home .updates_pulldown > a,
.display_member_home .updates_pulldown_active > a
{
    margin-top: -4px;
}
.display_member_home .updates_pulldown_active > a
{
    +rounded(5px 5px 0px 0px);
}
.display_member_home .pulldown_contents_wrapper
{
    background:#1a191a;
    +rounded(0px 0px 5px 5px);
}


.display_member_home .face_search_form
{
    position: absolute;   
    right: 10px;
    top: 50px; 
}
.face_search_form .button_search
{
    background: #ff0000;
    color: #fff;
    text-transform: uppercase;
    height: 27px;
    width: 75px;
    font-weight: bold;
    font-size: 13px;
	cursor: pointer;
}
.face_search_form .text_search
{
    background: #EEEEEE;
    height: 21px;
    padding: 3px;
    border: none;
    margin-right: -4px;
    width: 175px;
    +rounded(0px);
	float: left;
    
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.face_search_form .text_search{height:25px;}
.face_search_form .button_search{height: 32px;}
}
/*menu main*/
#layout_core_menu_main
{
    padding-top: 30px;
    padding-bottom: 20px;
}
#layout_core_menu_main ul li
{
    margin-right:3px;
}
#layout_core_menu_main ul li a
{
    background: #1c1b1c url(images/bg_menu.png) repeat-x;
    border: 1px solid #333;
    padding: 6px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;   
    border-radius: 5px;
  
}
#layout_core_menu_main ul li a b
{
    /*font-weight: normal;*/
	font-weight: bold;
}
#global_page_core-index-index .layout_talktangle_menu_main
{
    display: none;
}

.friend_request,
.message
{
    display: none;
}
/*Mennu posts*/
.layout_talktangle_posts
{
    margin-bottom: 15px;
}
.nav_posts
{
    overflow: hidden;
    
}
.nav_posts li
{
    margin-bottom: 8px;
}
.nav_posts li a
{
    background: url(images/posts_bg.png) no-repeat;
    height: 43px;
    width: 200px;
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    color: #fefefe;
    padding-left: 15px;
    line-height: 43px;
    font-family: cursive;
    
}
.nav_posts li a span
{
    text-shadow: 0px 0px 3px #fff;
    font-family: cursive;
}
.nav_posts li.talktangle a span
{
    text-shadow:2px 0 0 #3852A4, 0 2px 0 #3852A4, 0 -2px 0 #3852A4, -2px 0 0 #3852A4 , 2px 2px 0 #3852A4, -2px 2px 0 #3852A4, -2px -2px 0 #3852A4, 2px -2px 0 #3852A4;
    letter-spacing: 1px;
}
.nav_posts li.pictangle a span
{
    text-shadow: 2px 0 0 #FFFFFF, 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF;
    color: #ba4e9d;
    letter-spacing: 1px;
}
.nav_posts li.vidtangle a span
{
    text-shadow: 2px 0 0 #FFFFFF, 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF;
    color: #5fbb46;
    letter-spacing: 1px;
}
.nav_posts li.crosstangle a span
{
    text-shadow: 2px 0 0 #FFFFFF, 0 2px 0 #FFFFFF, 0 -2px 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF;
    color: #e8c920;
    letter-spacing: 1px;
}
.postby_face a
{
    background: url(images/facebook.png) no-repeat;
    display: block;
    width: 155px;
    height: 30px;
    margin: 0 auto;
    margin-top: 10px;
}
.postby_twiter a
{
    background: url(images/twitter.png) no-repeat;
    width: 155px;
    height: 30px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
div .command_use_id
{
    background: url(images/posts_bg.png) no-repeat -10px -10px;
    border: 1px solid #8BC2EF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 6px;
    text-transform: capitalize;
    left: 454px;
    +rounded(5px);    
}
.command_use_id:hover
{
    color: #ff0000;
}

.cell:hover
{
    cursor: pointer;
}
.layout_talktangle_crosstangle
{
    border: none;
    background: #134977;
    overflow: hidden;
    padding: 10px;
    +rounded(0px);
    box-shadow: 0 0 4px #134977;
    -moz-box-shadow: 0 0 4px #134977;
    -webkit-box-shadow: 0 0 4px #134977;
    margin: 0px 4px 4px 4px;
}
.cross_choose_result_label
{
    color: #D83C3C;
    font-size: 14px;
    padding-bottom: 8px;
    text-transform: capitalize;
}
div .crosstangle_select_word_dragable
{
    background: #77BEF6;
    border: 1px solid #F1F1F1;
    margin-top: 2px;
    margin-bottom: 2px;
    text-shadow: 1px 1px 0 #F1F1F1;
    -moz-text-shadow: 1px 1px 0 #F1F1F1;
    -webkit-text-shadow: 1px 1px 0 #F1F1F1;
    -o-text-shadow: 1px 1px 0 #F1F1F1;
    
    box-shadow: 0px 0px 2px #333;
    -moz-box-shadow: 0px 0px 2px #333;
    -webkit-box-shadow: 0px 0px 2px #333;
    -o-box-shadow: 0px 0px 2px #333;
}
div .crosstangle_select_word_dragable div
{
    color: #FF0000;
}
.cross_choose_result
{
    
}
.cross_choose_result_send
{
    background: url(images/posts_bg.png) no-repeat -10px -10px;
    border: 1px solid #84A3C5;
    clear: both;
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    font-weight: bold;
    text-shadow: 1px 1px #333;
    +rounded(5px);
}
.cross_choose_result_send:hover
{
    cursor: pointer;
}

.layout_talktangle_createcrosstangle #description_tbl
{
    width: 485px !important;
}
div .crosstangle_select_word_dragable div.remove_item
{
    background: url(images/remove.png) no-repeat;
    width: 86px;
    height: 25px;
    display: none;
    left: -6px;
    top: -26px;
}
div .crosstangle_select_word_dragable:hover div.remove_item
{
    display: block;    
}
.under_login
{
    clear: both;
}
div.cell
{
    border: none;
    height: 30px;
    width: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
div.cell:nth-of-type(4n+1)
{    
    border: none;
    background: url(images/orange.png) no-repeat;    
}
div.cell:nth-of-type(4n+2)
{
   background: url(images/green.png) no-repeat; 
}
div.cell:nth-of-type(4n+3)
{
   background: url(images/xam.png) no-repeat; 
}
div.cell:nth-of-type(4n+4)
{
   background: url(images/blue.png) no-repeat; 
}
div .crosstangle_content_untangle_item input[type="text"]
{
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 7px #999999 inset;
    color: #FF0000;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 4px;
    text-transform: uppercase;
    width: 350px;
}
.crosstangle_content_untangle span
{
    text-transform: capitalize;
}
.crosstangle_content_untangle span:hover
{
    cursor: pointer;
    text-shadow: 1px 1px #000;
}


/*Pictangle*/
.pictangle_container ul
{
    width: 475px;
    margin:0 auto;
    border: 3px solid #000;
    border-radius: 3px;
    overflow: hidden;
}
.pictangle_container ul li
{
    float: left;
    width: 93px;
    height: 93px;
    overflow: hidden;
    border-top: 1px solid #e9e8e7;
    border-left: 1px solid #e9e8e7;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.pictangle_container ul li:hover
{
    cursor: pointer;
    border: 1px solid #666;
}
.pictangle_container ul .game_title{
    width: 378px;
}
.pictangle_container ul .game_title a
{
    font-size: 25px;
    font-weight: bold;
    color:  #ff0000;
    margin-left: 40px;
    line-height: 90px;
}
/*Widgets*/
#global_page_core-pages-engagement #global_content_simple,
#global_page_core-pages-TipsForBusinesses #global_content_simple
{
    display: block;
}
.layout_talktangle_engagement_company_promotion,
.layout_talktangle_tips_for_businesses
{
    width: 960px;
    margin: 0 auto;
}
.compa_logo
{
    float: left;
}
.intro_engagement,
.intro_tipbus
{
    padding-top: 15px;
    padding-left:50px;
    color: #fdfcfd;
    font-size: 30px;
    font-family: tahoma;
    width: 490px;
    overflow: hidden;
    font-weight: bold;
}
.intro_engagement
{
    width: 551px;
    width: 551px;
    font-weight: normal;
}
.intro_tipbus
{
    width: auto;
    font-size: 40px;
    font-family: cursive;
    display: block;
    color: #fdfcfd;
    padding-left: 100px;
    padding-top: 30px;
}
.company_left
{
    clear: both;
    float: left;
}
.company_left .text
{
    font-size: 30px;
    font-weight: bold;
    width: 294px;
    color: #fdfeff;
}
.company_left a
{
    color: #FDFEFF;
    font-size: 14px;
    font-weight: bold;
    margin-left: 118px;
    text-align: center;
    border-bottom: 1px solid #6692c1;
}
.company_left a:hover
{
    text-decoration: none;
}
.company_right
{
    float: right;
    
}
.note_cloud
{
    background: url(images/cloude_note.png) no-repeat;
    width: 383px;
    height: 168px;
    padding: 70px 85px 120px 65px;
    font-size: 13px;
    color: #fbf6ff;
}
.note_cloud p
{
    text-align: center;
    margin: 8px 0px;
}
.company_right .button,
.tipsignup_button
{
    background: url(images/signup_compa.png) no-repeat;
     display: block;
    height: 85px;
    margin-left: 70px;
    margin-top: -30px;
    overflow: hidden;
    width: 187px;
    float: left;
}
.company_right .startenga
{
    font-size: 16px;
    font-weight: bold;
    width: 185px;
    text-align: right;
    color: #fbf6ff;
    float: left;
    margin-left: 45px;
}
.tips_buscontent
{
    clear: both;
    color: #fbf6ff;
    text-align: center;
}
.tips_busfooeter
{
    clear: both;
    margin-top: 15px;
    overflow: hidden;
}
.tips_busfooeter .tipsignup_button
{
    margin-top: 0px;
}

.tips_busfooeter .text
{
    float: left;
    font-size: 15px;
    margin-left: 50px;
    text-align: center;
    width: 445px;
    color: #fff;
    padding-top: 25px;
}
.layout_user_list_popular .popularmembers_friends
{
    color: #fff;
}
.tip span
{
    color: #333;
}
.form-elements label
{
    color:#cfe1fb;
}
#TB_window div
{
    color: #333;
}

/*Innovate*/
.jewelContainer
{
    margin-top: 2px;
}
.text_form_search
{
    background: #134977;
    padding: 5px;
    box-shadow: 0 0 4px #134977;
    -webkit-box-shadow: 0 0 4px #134977;
    -moz-box-shadow: 0 0 4px #134977;    
}
.layout_user_home_photo
{
    margin-bottom: 0px;
}
.quicklinks ul li
{
    border: none;
}
.quicklinks ul li a,
#profile_options a
{
    color: #cfe1fb;
    font-size: 13px;
    font-weight: normal;
}
#profile_options li
{
    padding: 6px;
}
#profile_options li + li
{
    border: none;
}
.layout_left .generic_layout_container,
.layout_right .generic_layout_container,
.activity-post-container,
.layout_activity_feed h3
{
    box-shadow: 0px 0px 4px #134977;
    -moz-box-shadow: 0px 0px 4px #134977;
    -webkit-box-shadow: 0px 0px 4px #134977;
}
.layout_right .layout_talktangle_signup
{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.generic_layout_container  .layout_talktangle_posts
{
    box-shadow: none;
}
#compose-submit
{
    float: right;
    margin-right: 0px;    
    background: url(images/post_bg.png) repeat-x;
    +rounded(5px);
}
.compose-content
{
    +rounded(4px);
    border: none;
}
div.compose-menu a.compose-activator
{
    color: #cfe1fb;
    font-weight: normal;
}
ul.feed .feed_item_username
{
    font-weight: normal;
}
ul.feed .feed_item_date > ul > li + li span
{
   color: #134977; 
}
.activity_icon_post_crosstangle
{
    background: url(images/crosstangle.png) no-repeat;
}
.activity_icon_post_pictangle
{
    background: url(images/pictangle.png) no-repeat;
}
.activity_icon_post_talktangle
{
    background: url(images/talktangle.png) no-repeat;
}
.activity_icon_post_vidtangle
{
    background: url(images/videotangle.png) no-repeat;
}
ul.feed > li + li
{
    border-top: 1px solid #fff;
}
.layout_right a,
.layout_right
{
    color: #cfe1fb;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
}
.timestamp,
.popularmembers_friends
{
    font-size: 11px;
    color: #80ccfd;
}
.activity_icon_status .timestamp
{
    color: #fff;
}
.layout_talktangle_signup #terms-element .null a
{
  color: #134977;  
}
#profile_photo
{
    background-color: #134977;
    +rounded(0px);
    overflow: hidden;
    padding: 7px;
}
.layout_talktangle_friends ul li + li{
    border-top: 1px solid #245681;
}
#profile_options
{
    background-color: #134977;
    +rounded(0px);
    overflow: hidden;
}
.global_form .form-description 
{
    padding: 0px 10px;
}
.layout_user_home_photo > div > a > img
{
    border: 1px solid #546486;
}
.layout_talktangle_signup div .global_form
{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px;
}
.layout_talktangle_signup .form-elements label
{
    color: #333;
}
div .layout_talktangle_friends > ul
{
    border: none;
    +rounded(0px);
    background: #134977;
}
img.main, img.thumb_normal, img.thumb_profile, img.thumb_icon
{
    border: none;
}
ul.notifications_menu > li > span
{
    color: #666;
}
#preview_content,
#preview
{
    background: #fff;
    +rounded(5px);
}
#preview_content #previewText,
#preview
{
    color: #ff0000;
    font-weight: bold;
}
div .preview_ads
{
    +rounded(5px);
    padding: 3px;
    width: auto;
    background: #f1f1f1;
    
}
.preview_ads #preview_ads_image
{
    margin: 0px;
}
#prview_ads_description
{
    margin: 0px;
}
.pictangle_container ul
{
    border: none;
    +rounded(0px);
}
div .layout_talktangle_filtertangle .promotions_name,
.layout_talktangle_friendtangle .promotions_name a
{
    font-weight: normal;
}